@import './mixin.scss';
.info{
    .banner{
        width: 100%;
        height: 750px;
    }
    .tools{
        width: 100%;
        height: 78px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 33px;
        .curtime{
            font-size:24px;
            font-weight:400;
            color:#737373;
        }
        .control{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .previous{
                width: 30px;
                height: 30px;
                background: url('../image/previous.png') no-repeat center center;
                background-size: 100% 100%;
            }
            .playBtn{
                width: 36px;
                height: 44px;
                background: url('../image/play.png') no-repeat right center;
                background-size: 100% 100%;
                margin: 0 34px;
            }  
            .next{
                width: 30px;
                height: 30px;
                background: url('../image/next.png') no-repeat center center;
                background-size: 100% 100%;
            }
        }
        .maxTime{
            font-size:24px;
            font-weight:400;
            color:#737373;
        }
    }
    .content{
        padding: 22px 30px;
        .title{
            font-size:36px;
            color:rgba(24,24,24,1);
        }
        .artical{
            font-size:28px;
            font-weight:400;
            color:#6e6e6e;
            line-height:47px;
            padding: 28px 7px;
			@include text_jusify();
        }
    }
}